import React from 'react';
import { AssetAcquisitionManageAPI } from '../common/type';
import { CheckCircleFilled } from '@ant-design/icons';
import '../common/styles.less';
import cls from 'classnames';
import { Empty } from 'antd';

export const UploadThirdStep: React.FC<AssetAcquisitionManageAPI.IThirdStepUpload> = ({ prefix, current, total }) => {
  return (
    <div className={cls(prefix + 'content-body')} style={{ display: current === 2 ? 'block' : 'none' }}>
      {total > 0 ? (
        <div className={cls(prefix + 'sucess')}>
          <div className={cls(prefix + 'sucess-wraper')}>
            <div className={cls(prefix + 'sucess-icon')}>
              <CheckCircleFilled />
            </div>
            <div className={cls(prefix + 'sucess-title')}>批量导入完成</div>
            {/* <div className={cls(prefix + 'sucess-info')}>
              您已成功导入
              <span style={{ color: '#52c41a', fontWeight: 'bold' }}>{total}</span>
              条数据
            </div> */}
          </div>
        </div>
      ) : (
        <Empty image={Empty.PRESENTED_IMAGE_SIMPLE} />
      )}
    </div>
  );
};
